<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META NAME="generator" CONTENT="http://txt2tags.org">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<LINK REL="stylesheet" TYPE="text/css" HREF="http://txt2tags.org/markup.css">
<TITLE>Примеры разметки Txt2tags</TITLE>
</HEAD>
<BODY>

<DIV CLASS="header" ID="header">
<H1>Примеры разметки Txt2tags</H1>
<H2>Посмотрите как разметка конвертируется в HTML</H2>
</DIV>

<DIV CLASS="body" ID="body">
<table>
<tr><th colspan="2">
Базовая разметка
</th></tr><tr><td class="t2t">

<PRE>

= Заголовок 1ого уровня =

== Заголовок 2ого уровня ==

=== Заголовок 3его уровня ===
</PRE>

</td><td>

<H1>Заголовок 1ого уровня</H1>

<H2>Заголовок 2ого уровня</H2>

<H3>Заголовок 3его уровня</H3>

</td></tr><tr><td class="t2t">

<PRE>

+ Нумерованный заголовок 1ого уровня +

++ Нумерованный заголовок 2ого уровня ++

+++ Нумерованный заголовок 3его уровня +++
</PRE>

</td><td>

<H1>1. Нумерованный заголовок 1ого уровня</H1>

<H2>1.1. Нумерованный заголовок 2ого уровня</H2>

<H3>1.1.1. Нумерованный заголовок 3его уровня</H3>

</td></tr><tr><td class="t2t">

<PRE>

Параграф состоит из одной или
нескольких строк.

Пустая строка разделяет параграфы.
</PRE>

</td><td>
<P>
Параграф состоит из одной или
нескольких строк.
</P>
<P>
Пустая строка разделяет параграфы.
</P>
</td></tr><tr><td class="t2t">

<PRE>

% начните строку
со знака процента,
% и она будет проигнорирована
полезно для комментариев!
</PRE>

</td><td>
<P>
со знака процента,
полезно для комментариев!
</P>
</td></tr><tr><td class="t2t">

<PRE>

Из красивостей у нас есть **жирный**
и //наклонный// текст.

А также __подчёркнутый__, --зачёркнутый--
и ``моноширинный``.
</PRE>

</td><td>
<P>
Из красивостей у нас есть <B>жирный</B>
и <I>наклонный</I> текст.
</P>
<P>
А также <U>подчёркнутый</U>, <S>зачёркнутый</S>
и <CODE>моноширинный</CODE>.
</P>
</td></tr><tr><th colspan="2">
Списки
</th></tr><tr><td class="t2t">

<PRE>

- Это список с элементами
- Просто используйте дефисы
  - Отступ создаёт подсписок


Две пустые строки закрывают любой список.
</PRE>

</td><td>

<UL>
<LI>Это список с элементами
<LI>Просто используйте дефисы
  <UL>
  <LI>Отступ создаёт подсписок
  </UL>
</UL>

<P>
Две пустые строки закрывают любой список.
</P>
</td></tr><tr><td class="t2t">

<PRE>

+ Поменяйте дефисы на плюсы
+ И получите нумерованные списки
  + Создаются по тем же правилам
  +
+
Пустой элемент закрывает список
</PRE>

</td><td>

<OL>
<LI>Поменяйте дефисы на плюсы
<LI>И получите нумерованные списки
  <OL>
  <LI>Создаются по тем же правилам
  </OL>
</OL>

<P>
Пустой элемент закрывает список
</P>
</td></tr><tr><td class="t2t">

<PRE>

: Список определений
  Список с описанием терминов
: Напишите термин после двоеточия
  И его определение на следующей строке
:
</PRE>

</td><td>

<DL>
<DT>Список определений</DT><DD>
  Список с описанием терминов
<DT>Напишите термин после двоеточия</DT><DD>
  И его определение на следующей строке
</DL>

</td></tr><tr><th colspan="2">
Области
</th></tr><tr><td class="t2t">

<PRE>

	Цитаты начинаются
	с кнопки TAB.
		Больше TABов – больше отступ.
Отсутствие TABа или пустая строка завершает цитату.
</PRE>

</td><td>
	<BLOCKQUOTE>
	Цитаты начинаются
	с кнопки TAB.
		<BLOCKQUOTE>
		Больше TABов – больше отступ.
		</BLOCKQUOTE>
	</BLOCKQUOTE>
<P>
Отсутствие TABа или пустая строка завершает цитату.
</P>
</td></tr><tr><td class="t2t">

<PRE>

Дословная строка отлично подходит для команд:
``` $ cat /etc/passwd | tr : ,
Просто начните строку с трёх обратных кавычек.
</PRE>

</td><td>
<P>
Дословная строка отлично подходит для команд:
</P>

<PRE>
$ cat /etc/passwd | tr : ,
</PRE>

<P>
Просто начните строку с трёх обратных кавычек.
</P>
</td></tr><tr><td class="t2t">

<PRE>

```
   Дословная область заключается
       тремя обратными кавычками.
     **Разметка** не учитывается
и положение символов сохраняется.
```
</PRE>

</td><td>

<PRE>
   Дословная область заключается
       тремя обратными кавычками.
     **Разметка** не учитывается
и положение символов сохраняется.
</PRE>

</td></tr><tr><td class="t2t">

<PRE>

"""
               Область без обработки
       заключается в двойные кавычки.

         **Разметка** не учитывается,
но положение символов не сохраняется.
"""
</PRE>

</td><td>
               Область без обработки
       заключается в двойные кавычки.

         **Разметка** не учитывается,
но положение символов не сохраняется.
</td></tr><tr><td class="t2t">

<PRE>

'''
&lt;div id="myblock"&gt;

&lt;p style="color:red"&gt;
Область с тегами заключается
с двух сторон в одинарные кавычки.
&lt;/p&gt;

&lt;p style="color:blue"&gt;
Текст внутри не обрабатывается,
полезно для вставки конечного кода.
&lt;/p&gt;

&lt;/div&gt;
'''
</PRE>

</td><td>
<div id="myblock">

<p style="color:red">
Область с тегами заключается
с двух сторон в одинарные кавычки.
</p>

<p style="color:blue">
Текст внутри не обрабатывается,
полезно для вставки конечного кода.
</p>

</div>
</td></tr><tr><th colspan="2">
Остальные
</th></tr><tr><td class="t2t">

<PRE>

|| Заголовок таблицы | Заголовок таблицы |
|             Ячейки |      текста       |
|            таблицы |      это          |
|    с выравниванием |      здорово!     |
</PRE>

</td><td>

<TABLE BORDER="1">
<TR>
<TH>Заголовок таблицы</TH>
<TH>Заголовок таблицы</TH>
</TR>
<TR>
<TD ALIGN="right">Ячейки</TD>
<TD ALIGN="center">текста</TD>
</TR>
<TR>
<TD ALIGN="right">таблицы</TD>
<TD ALIGN="center">это</TD>
</TR>
<TR>
<TD ALIGN="right">с выравниванием</TD>
<TD ALIGN="center">здорово!</TD>
</TR>
</TABLE>

</td></tr><tr><td class="t2t">

<PRE>

[t2t.png] Выравниваем изображение по левому краю

Выравниваем [t2t.png] по центру

По правому краю [t2t.png]
</PRE>

</td><td>
<P>
<IMG ALIGN="left" SRC="../img/t2tpowered.png" BORDER="0" ALT=""> Выравниваем изображение по левому краю
</P>
<P>
Выравниваем <IMG ALIGN="middle" SRC="../img/t2tpowered.png" BORDER="0" ALT=""> по центру
</P>
<P>
По правому краю <IMG ALIGN="right" SRC="../img/t2tpowered.png" BORDER="0" ALT="">
</P>
</td></tr><tr><td class="t2t">

<PRE>

Ссылки распознаются автоматически – jd@example.com, видите?

Даже [именованная ссылка www.myurl.com] просто создаётся.

Изображение тоже может быть ссылкой – [[t2t.png] as-a-link.html].
</PRE>

</td><td>
<P>
Ссылки распознаются автоматически – <A HREF="mailto:jd@example.com">jd@example.com</A>, видите?
</P>
<P>
Даже <A HREF="http://www.myurl.com">именованная ссылка</A> просто создаётся.
</P>
<P>
Изображение тоже может быть ссылкой – <A HREF="as-a-link.html"><IMG ALIGN="middle" SRC="../img/t2tpowered.png" BORDER="0" ALT=""></A>.
</P>
</td></tr><tr><td class="t2t">

<PRE>

Разделительная линия:
--------------------
И пожирнее:
====================
(Хотя бы 20 символов в длину)
</PRE>

</td><td>
<P>
Разделительная линия:
</P>

<HR NOSHADE SIZE=1>

<P>
И пожирнее:
</P>

<HR NOSHADE SIZE=5>

<P>
(Хотя бы 20 символов в длину)
</P>
</td></tr>
</table>
<P>
Автор перевода Kontenta Kato.
</P>
<P>
<A HREF="http://txt2tags.org">Перейти на главную txt2tags</A>
</P>
</DIV>

<!-- html code generated by txt2tags 2.6.585 (http://txt2tags.org) -->
<!-- cmdline: txt2tags Russian/markup-ru/markup-ru.t2t -->
</BODY></HTML>
